<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>商城首页</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/index_center.css"/>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		<div id="container">
			<div id="header">
				<div id="header-top">
					<div id="logo">
						<a href="#"></a>
					</div>
					<div id="car">
						<ul>
							<li><a href="#" class="pic"></a></li>
							<li><a href="#" class="text">购物车</a></li>
							<li><a href="#" class="pic pic2"></a></li>
							<li><a href="#"  class="text">帮助中心</a></li>
							<li><a href="#" class="pic pic3"></a></li>
							<li><a href="#"  class="text">加入收藏</a></li>
							<li><a href="#" class="pic pic4"></a></li>
							<li><a href="#"  class="text">设为首页</a></li>
							<li><a href="#" class="pic pic5">注册</a></li>
							<li><a href="#" class="pic pic5">登录</a></li>
						</ul>
					</div>
					<div id="welcome"
						<span>欢迎来到 </span>
						<span id="time">2020-09-25 17:15:00 </span>
					</div>
				</div>
				<div id="header-nav">
					<ul class="nav">
						<li><a href="#">首　　页</a></li>
						<li><a href="#">家用电器</a></li>
						<li><a href="#">手机数码</a></li>
						<li><a href="#">日用百货</a></li>
						<li><a href="#">书　　籍</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">全球资讯</a></li>
						<li><a href="#">免费开店</a></li>
					</ul>
					<ul class="soso">
						<li><input type="text" id="content" value="" /></li>
						<li><input type="button" onclick="soso()" id="" value="" /></li>
					</ul>
				</div>
				
				
			</div>
			<div id="center">
							<div id="center_left">
								<p class="space"></p>
								<!-- 左边的区域 -->
								<div class="content">
									<h3><a href="#">家用电器</a></h3>
									<ul>
										<li><a href="#">大家电</a></li>
										<li><a href="#">洗衣机</a></li>
										<li><a href="#">平板电视</a></li>
										<li><a href="#">电热水器</a></li>
										<li><a href="#">家庭音响</a></li>
										<li><a href="#">热水器</a></li>
										<li><a href="#">空调冰箱</a></li>
										<li><a href="#">冷柜</a></li>
										<li><a href="#">DVD</a></li>
										<li><a href="#">电视附件</a></li>
										<li><a href="#">电燃气灶</a></li>
										<li><a href="#">家电下乡</a></li>
										<li><a href="#">家电服务</a></li>
										<li><a href="#">电饭煲</a></li>
										<li><a href="#">摄像机</a></li>
									</ul>
								</div>
								
								<!-- 左边的区域 -->
								<div class="content">
									<h3><a href="#">手机数码</a></h3>
									<ul>
										<li><a href="#">大家电</a></li>
										<li><a href="#">洗衣机</a></li>
										<li><a href="#">平板电视</a></li>
										<li><a href="#">电热水器</a></li>
										<li><a href="#">家庭音响</a></li>
										<li><a href="#">热水器</a></li>
										<li><a href="#">空调冰箱</a></li>
										<li><a href="#">冷柜</a></li>
										<li><a href="#">DVD</a></li>
										<li><a href="#">电视附件</a></li>
										<li><a href="#">电燃气灶</a></li>
										<li><a href="#">家电下乡</a></li>
										<li><a href="#">家电服务</a></li>
										<li><a href="#">电饭煲</a></li>
										<li><a href="#">摄像机</a></li>
									</ul>
								</div>
								
								<!-- 左边的区域 -->
								<div class="content">
									<h3><a href="#">日用百货</a></h3>
									<ul>
										<li><a href="#">大家电</a></li>
										<li><a href="#">洗衣机</a></li>
										<li><a href="#">平板电视</a></li>
										<li><a href="#">电热水器</a></li>
										<li><a href="#">家庭音响</a></li>
										<li><a href="#">热水器</a></li>
										<li><a href="#">空调冰箱</a></li>
										<li><a href="#">冷柜</a></li>
										<li><a href="#">DVD</a></li>
										<li><a href="#">电视附件</a></li>
										<li><a href="#">电燃气灶</a></li>
										<li><a href="#">家电下乡</a></li>
										<li><a href="#">家电服务</a></li>
										<li><a href="#">电饭煲</a></li>
										<li><a href="#">摄像机</a></li>
									</ul>
								</div>
								
								<!-- 左边的区域 -->
								<div class="content">
									<h3><a href="#">书　　籍</a></h3>
									<ul>
										<li><a href="#">大家电</a></li>
										<li><a href="#">洗衣机</a></li>
										<li><a href="#">平板电视</a></li>
										<li><a href="#">电热水器</a></li>
										<li><a href="#">家庭音响</a></li>
										<li><a href="#">热水器</a></li>
										<li><a href="#">空调冰箱</a></li>
										<li><a href="#">冷柜</a></li>
										<li><a href="#">DVD</a></li>
										<li><a href="#">电视附件</a></li>
										<li><a href="#">电燃气灶</a></li>
										<li><a href="#">家电下乡</a></li>
										<li><a href="#">家电服务</a></li>
										<li><a href="#">电饭煲</a></li>
										<li><a href="#">摄像机</a></li>
									</ul>
								</div>
							</div>
							<div id="center_mid">
							<!-- 中间部分 -->
										     <div id="top-ad">
													<ul id="imgs">
														<li><a href="#"><img src="img/ad-02.jpg" alt=""></a></li>
														<li><a href="#"><img src="img/ad-01.jpg" alt=""></a></li>
														<li><a href="#"><img src="img/ad-03.jpg" alt=""></a></li>
														<li><a href="#"><img src="img/ad-04.jpg" alt=""></a></li>
													</ul>
													<ul class="num" id="nums">
														<li>1</li>
														<li>2</li>
														<li>3</li>
														<li>4</li>
													</ul>
												</div>
												<div id="creazy_bug">
													<ul>
														<li><a href=""><img src="img/promote-2.jpg" alt=""></a></li>
														<li><a href="">编程是一件很容易的事情，大家都可以学得很好</a></li>
													</ul>
													<ul>
														<li><a href=""><img src="img/promote-1.jpg" alt=""></a></li>
														<li><a href="">这是一个好商品，大家都要购买</a></li>
													</ul>
													<ul>
														<li><a href=""><img src="img/promote-3.jpg" alt=""></a></li>
														<li><a href="">只要花时间，就可以学得很好</a></li>
													</ul>
													<ul>
														<li><a href=""><img src="img/promote-1.jpg" alt=""></a></li>
														<li><a href="">这是一个好商品，大家都要购买</a></li>
													</ul>
													<ul>
														<li><a href=""><img src="img/promote-2.jpg" alt=""></a></li>
														<li><a href="">编程是一件很容易的事情，大家都可以学得很好</a></li>
													</ul>
													<ul>
														<li><a href=""><img src="img/promote-3.jpg" alt=""></a></li>
														<li><a href="">只要花时间，就可以学得很好</a></li>
													</ul>
													<ul>
														<li><a href=""><img src="img/promote-3.jpg" alt=""></a></li>
														<li><a href="">只要花时间，就可以学得很好</a></li>
													</ul>
													<ul>
														<li><a href=""><img src="img/promote-1.jpg" alt=""></a></li>
														<li><a href="">这是一个好商品，大家都要购买</a></li>
													</ul>
													<ul>
														<li><a href=""><img src="img/promote-2.jpg" alt=""></a></li>
														<li><a href="">编程是一件很容易的事情，大家都可以学得很好</a></li>
													</ul>
													
												</div>
												
												
												
												
											</div>
											<div id="center_right">
												<!-- 右边 -->
											</div>
										</div>
									</div>
								</body>
							</html>